.vue-1px{
    position:relative;
}
.vue-1px:before{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1PX;
    border-bottom: 1PX solid #d9daec;
    color: #d9daec;
    transform-origin: 0 100%;
    transform: scaleY(0.5);
}

.pay-list {
    ul {
        li {
            font-size: 0.3333rem;
            margin: 0.2777rem 0;
            &.pull {
                .arrow {
                    position: absolute;
                    right: 0.3333rem;
                    top: 50%;
                    margin-top: -0.1111rem;
                    width: 0.3333rem;
                    height: 0.2083rem;
                    transform: rotate(0deg);
                }
            }
            .bh {
                height: 1.1111rem;
                display: flex;
                align-items: center;
                position: relative;
                text-indent: 0.6388rem;
                font-size: 0.3333rem;
                background: #fff;
                p {
                    &.title {
                        font-size: 0.4166rem;
                        // width:1.4722rem;
                    }
                    &.price {
                        color: #000;
                        width:2.0833rem;
                        em {
                            color: #FC6D53;
                            margin-right: 0.0694rem;
                        }
                    }
                    &.sn {
                        color: #888;
                        width:3.4722rem;
                    }
                    &.status {
                        width:2.0833rem;
                        text-align:right;
                        &.success {
                            color: #00B189;
                        }
                        &.wait {
                            color: #FC6D53;
                        }
                        font-family:"SourceHanSansCN-Medium";
                    }
                }
                i {
                    position: absolute;
                    left: 0.2777rem;
                    top: 0.3611rem;
                    width: 0.0833rem;
                    height: 0.3888rem;
                    background: #159BFD;
                }
                img {
                    position: absolute;
                    right: 0.3333rem;
                    top: 50%;
                    margin-top: -0.1111rem;
                    width: 0.3333rem;
                    height: 0.2083rem;
                    transform: rotate(180deg);
                }
            }
            .bd {
                background: #fff;
                display:none;
                table {
                    width: 10rem;
                    font-size: 0.3611rem;
                    text-align: center;
                    color: #666;
                    tbody {
                        color: #333;
                        tr:nth-child(odd) {
                            background: #f7f7f7;
                        }
                        tr:nth-child(even) {
                            background: #fff;
                        }
                        td {
                            &:last-child {
                                color: #FC6D53;
                            }
                        }
                    }
                    td {
                        height: 1.3333rem;
                        vertical-align: middle;
                    }
                }
                .details{
                    padding:0.2777rem;
                    color:#888;
                    .flex{
                        display:flex;
                        justify-content: space-between;
                        p{
                            height:0.3333rem;
                            line-height:0.3333rem;
                            &.price{
                                color:#FC6D53;
                            }
                        }
                        &:not(:last-child){
                            margin-bottom:0.2222rem;
                        }
                    }
                    .btn{
                        display:flex;
                        justify-content:space-between;
                        a{
                            display:flex;
                            align-items:center;
                            justify-content:center;
                            color:#fff;
                            height:0.8333rem;
                            border-radius:0.0277rem;
                            &.print{
                                width:10rem;
                                background:#159BFD;
                            }
                            &.synchro,&.cancel{
                                width:4.6527rem;
                            }
                            &.synchro{
                                background:#159BFD;
                            }
                            &.cancel{
                                background:#91A8B8;
                            }
                        }
                    }
                }
            }
        }
    }
}